<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script type="text/javascript" src="/js/jquery-1.8.3.js"></script>
    <script type="text/javascript" src="/js/popup.js"></script>
    <title>配置</title>
    <style>
      * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
      }
      .app{
        //padding: 10px;

        padding-bottom: 0;
      }
      .search {
        padding:0 10px;
        padding-top:10px;
        width: 300px;
        
      }
      .search textarea {
        width: 100%;
        padding: 5px;
        margin-bottom:5px;
        min-height: 100px;
      }
      .search input {
        width:100%;
        display:block;
        margin-bottom:5px;
        padding:5px;
      }
      .search .btn {
        display: block;
        width: 100%;
        margin: 6px auto 0;
        cursor: pointer;
      }
      .search .plate{
        display: flex;
        position: relative;
        align-items: center;
        justify-content: flex-start;
        margin-top:10px;
      }
      .search .plate.patten{
        margin-bottom: 2px;
      }
      .search .plate .input{
        display:flex;
        margin-right: 30px;
        justify-content: flex-start;
        align-items: flex-start;
      }
      .search .plate .input label{
        margin-right:5px;
        font-size:14px; 
        line-height: 1.2;
      }
      .search .plate .input input{
        display: inline-block;
        width: 16px;
        height: 16px;

      }
      .result{
        padding:10px 0 0 10px;
      }
      .result .title{
        color:#000;
        font-weight: bold;
        font-size:14px;
        margin-bottom: 5px;
      }
      .result ul{
        display: block;
      }
      .result ul li{
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
      }
      .result ul li span{
        color:#000;
        font-weight: bold;
        font-size: 13px;
        font-style: normal;
        flex:1;
      }
      .result ul li span:nth-child(2){
        font-weight: normal;
        opacity: 0.8;
      }
      .result ul li p{
        font-weight: normal;
        color:#646464;
        flex:4;
        padding-right:5px;
        word-break: break-all;
      }
      .result ul li a{
        margin-left: 5px;
        display: inline-block;
        color:#007aff;
        text-decoration: underline;
        font-size: 13px;
        cursor: pointer;
      }
      .result ul li p em{
        color:#f00;
        font-style: normal;
      }
    </style>
  </head>
  <body>
    <div class="app" id="app">
      <div class="search">
        <input value="" id="companyVal" placeholder="请输入检索的公司"></input>
        <!-- <div class="plate patten">
          <div class="input">
            <label for="searchJob">查职位</label>
            <input type="radio" name="patten" value="job" id="searchJob" checked>
          </div>
          <div class="input">
            <label for="searchPerson">查人</label>
            <input type="radio" name="patten" value="job" id="searchPerson">
          </div>
        </div> -->
        <textarea id="nameVal" placeholder="请输入检索的姓名（多个以,分割）"></textarea>
        <textarea id="jobVal" placeholder="请输入检索的职位关键词(多个以,分割)">创始人,厂长,CEO,COO,CTO,技术官,科长,董事,总裁,负责人,总师,部长,博士,科学家,总监,教授,监事,经理,主管,主任,工程师,专家,院长</textarea>
        <div class="plate">
          <div class="input">
            <label for="baidu">百度</label>
            <input type="checkbox" name="option" value="baidu" id="baidu">
          </div>
          <div class="input">
            <label for="sogou">搜狗</label>
            <input type="checkbox" name="option" value="sogou" id="sogou">
          </div>
          <div class="input">
            <label for="biying">必应</label>
            <input type="checkbox" name="option" value="biying" id="biying" checked>
          </div>
        </div>
        <button class="btn" id="searchBtn">开始检索</button>
      </div>
      <!--一汽 张晓胜,王少民 -->
      <div class="result">
        <div class="title">检索结果：</div>
        <ul class="sresult" id="searchResult">
            <!-- <li>
              <span>张三</span><span>工程师</span>
              <p>冯叫我雷锋司法解释练腹肌水电费水电费冯叫我雷锋司法解释练腹肌水电费水电费 <a>详情</a></p>
            </li> -->
        </ul>
      </div>
    </div>
  </body>
</html>
